home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7684 / 7684.xpi / chrome / firefm.jar / skin / mac / fmToolbar.css < prev    next >
Cascading Style Sheet File  |  2009-07-30  |  7KB  |  233 lines
  1. /**
  2.  * Copyright (c) 2008, Jose Enrique Bolanos, Jorge Villalobos
  3.  * All rights reserved.
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions are met:
  7.  *
  8.  *  * Redistributions of source code must retain the above copyright notice,
  9.  *    this list of conditions and the following disclaimer.
  10.  *  * Redistributions in binary form must reproduce the above copyright notice,
  11.  *    this list of conditions and the following disclaimer in the documentation
  12.  *    and/or other materials provided with the distribution.
  13.  *  * Neither the name of Jose Enrique Bolanos, Jorge Villalobos nor the names
  14.  *    of its contributors may be used to endorse or promote products derived
  15.  *    from this software without specific prior written permission.
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  18.  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  19.  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  20.  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
  21.  * OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  22.  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  23.  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  24.  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  25.  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
  26.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  27.  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  **/
  29.  
  30. toolbarbutton.fm-button,
  31. window:not([active="true"]) toolbarbutton.fm-button,
  32. toolbar[iconsize="small"] toolbarbutton.fm-button {
  33.   list-style-image: url("chrome://firefm-os/skin/toolbar.png");
  34.   padding-top: 1px;
  35.   padding-bottom: 1px;
  36. }
  37.  
  38. toolbarbutton[type="menu-button"].fm-button > toolbarbutton {
  39.   padding-top: 0em;
  40.   padding-bottom: 0em;
  41. }
  42.  
  43. /* Do some juggling with alignment so that our icons look right. */
  44. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button,
  45. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button {
  46.   padding-top: 7px;
  47. }
  48.  
  49. #firefm-statusbar-toolbar {
  50.   -moz-appearance: none;
  51.   -moz-box-align: center;
  52.   background-color: transparent;
  53.   border: none;
  54.   height: 16px;
  55.   min-height: 16px !important;
  56. }
  57.  
  58. #firefm-statusbar-toolbar > toolbarbutton.fm-button,
  59. #firefm-statusbar-toolbar > toolbarbutton.fm-button image {
  60.   padding-top: 0em;
  61.   padding-bottom: 0em;
  62. }
  63.  
  64. #firefm-track-info {
  65.   min-width: 25em;
  66. }
  67.  
  68. #firefm-status-track-info {
  69.   font-size: 0.8em;
  70. }
  71.  
  72. #firefm-status-track-info .firefm-info-outer-box {
  73.   background: url("chrome://firefm-os/skin/progressBack2.png") repeat-x;
  74. }
  75.  
  76. /* The wrapper is automatically created in the customize toolbar window. */
  77. #wrapper-firefm-track-info {
  78.   width: 20em;
  79. }
  80.  
  81. /* Home button. */
  82.  
  83. #firefm-home-button,
  84. #firefm-status-home-button {
  85.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  86. }
  87.  
  88. /* Log in / log out button. */
  89.  
  90. #firefm-login-logout-button,
  91. #firefm-status-login-logout-button {
  92.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  93. }
  94.  
  95. #firefm-login-logout-button[loggedin="true"],
  96. #firefm-status-login-logout-button[loggedin="true"] {
  97.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  98. }
  99.  
  100. #firefm-login-logout-button[disabled="true"],
  101. #firefm-status-login-logout-button[disabled="true"] {
  102.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  103. }
  104.  
  105. /* Station button. */
  106.  
  107. #firefm-station-button,
  108. #firefm-status-station-button {
  109.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  110. }
  111.  
  112. #firefm-station-button[firstRun="true"],
  113. #firefm-status-station-button[firstRun="true"] {
  114.   list-style-image: url("chrome://firefm/skin/stationAnim.png");
  115.   -moz-image-region: auto;
  116. }
  117.  
  118. #firefm-station-button[disabled="true"],
  119. #firefm-status-station-button[disabled="true"] {
  120.   -moz-image-region: rect(16px, 64px, 32px, 48px);
  121. }
  122.  
  123. /* Play / stop button. */
  124.  
  125. #firefm-play-stop-button,
  126. #firefm-status-play-stop-button {
  127.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  128. }
  129.  
  130. #firefm-play-stop-button[playing="true"],
  131. #firefm-status-play-stop-button[playing="true"] {
  132.   -moz-image-region: rect(0px, 96px, 16px, 80px);
  133. }
  134.  
  135. #firefm-play-stop-button[disabled="true"],
  136. #firefm-status-play-stop-button[disabled="true"] {
  137.   -moz-image-region: rect(16px, 80px, 32px, 64px);
  138. }
  139.  
  140. /* Skip button. */
  141.  
  142. #firefm-skip-button,
  143. #firefm-status-skip-button {
  144.   -moz-image-region: rect(0px, 112px, 16px, 96px);
  145. }
  146.  
  147. #firefm-skip-button[disabled="true"],
  148. #firefm-status-skip-button[disabled="true"] {
  149.   -moz-image-region: rect(16px, 112px, 32px, 96px);
  150. }
  151.  
  152. /* Volume button. */
  153.  
  154. #firefm-volume-button,
  155. #firefm-status-volume-button {
  156.   -moz-image-region: rect(0px, 160px, 16px, 144px);
  157. }
  158.  
  159. #firefm-volume-button[volume="low"],
  160. #firefm-status-volume-button[volume="low"] {
  161.   -moz-image-region: rect(0px, 144px, 16px, 128px);
  162. }
  163.  
  164. #firefm-volume-button[volume="zero"],
  165. #firefm-status-volume-button[volume="zero"] {
  166.   -moz-image-region: rect(0px, 128px, 16px, 112px);
  167. }
  168.  
  169. #firefm-volume-button[disabled="true"],
  170. #firefm-status-volume-button[disabled="true"] {
  171.   -moz-image-region: rect(16px, 128px, 32px, 112px);
  172. }
  173.  
  174. /* Love button. */
  175.  
  176. #firefm-love-button,
  177. #firefm-status-love-button {
  178.   -moz-image-region: rect(0px, 176px, 16px, 160px);
  179. }
  180.  
  181. #firefm-love-button[disabled="true"],
  182. #firefm-status-love-button[disabled="true"] {
  183.   -moz-image-region: rect(16px, 176px, 32px, 160px);
  184. }
  185.  
  186. /* Ban button. */
  187.  
  188. #firefm-ban-button,
  189. #firefm-status-ban-button {
  190.   -moz-image-region: rect(0px, 192px, 16px, 176px);
  191. }
  192.  
  193. #firefm-ban-button[disabled="true"],
  194. #firefm-status-ban-button[disabled="true"] {
  195.   -moz-image-region: rect(16px, 192px, 32px, 176px);
  196. }
  197.  
  198. /* Tag button. */
  199.  
  200. #firefm-tag-button,
  201. #firefm-status-tag-button {
  202.   -moz-image-region: rect(0px, 208px, 16px, 192px);
  203. }
  204.  
  205. #firefm-tag-button[disabled="true"],
  206. #firefm-status-tag-button[disabled="true"] {
  207.   -moz-image-region: rect(16px, 208px, 32px, 192px);
  208. }
  209.  
  210. /* Share button. */
  211.  
  212. #firefm-share-button,
  213. #firefm-status-share-button {
  214.   -moz-image-region: rect(0px, 224px, 16px, 208px);
  215. }
  216.  
  217. #firefm-share-button[disabled="true"],
  218. #firefm-status-share-button[disabled="true"] {
  219.   -moz-image-region: rect(16px, 224px, 32px, 208px);
  220. }
  221.  
  222. /* Video button. */
  223.  
  224. #firefm-video-button,
  225. #firefm-status-video-button {
  226.   -moz-image-region: rect(0px, 240px, 16px, 224px);
  227. }
  228.  
  229. #firefm-video-button[disabled="true"],
  230. #firefm-status-video-button[disabled="true"] {
  231.   -moz-image-region: rect(16px, 240px, 32px, 224px);
  232. }
  233.